*
{
    margin: 0px;
    padding: 0px;
}

#Subject
{
    width: 900px;
    height: 700px;
    /* border: 1px solid black; */
    margin: 0px auto; 
    position: relative;
}

/* 取消超链接下划线 */
#Subject a
{
    text-decoration: none;
    /* color: black; */
}

/* 通体字号一 */
.LableOneType
{
    color: rgb(143, 142, 142);
    font-size: 12pt;
}



/* 头主题框 */
#SubjectOne
{
    
    overflow: hidden;
    padding: 0px;
    /* border: 1px solid red; */
    height: 120px;
}

/* 第一部分第一行 */
#SubjectOneOne
{
    /* border: brown 1px solid; */
    /* margin-top: 10; */
}

/* 订单状态字体 */
#ListStatus
{
    margin-top: 50px;
    color: rgb(1, 161, 1);
    font-size: 12pt;
}

/* 举报图片 */
#ReportImg{
    width: 18px;
    height: 18px;
    /* float: left; */
    /* margin-top: 30px; */
    position: absolute;
    margin-left: 670px;
    margin-top: 3px;
    /* display: inline-block; */
}
/* 举报超链接 */
#ReportHref
{
    margin-left: 690px;
    color: rgb(18, 118, 184);
    font-size: 12pt;
}




/* 第一部分第二行 */
#SubjectOneTwo
{
    overflow: hidden;
    /* border: blue 1px solid; */
    margin-top: 20px;
}
/* 小车图片 */
#carOneLogo
{
    width: 200px;
    height: 30px;
    position: absolute;
    margin-left: 15px;
}
/* 出发城市文本 */
#DepartureCity
{
    font-size: 18pt;
    /* border: 1px solid black; */
}

/* 目的地城市文本 */
#DestinationCity
{
    margin-left: 220px;
}
#DestinationCity_true
{
    font-size: 18pt;
}


/* 第一部分第三行 */
#SubjectOneThere
{
    /* border: springgreen 1px solid; */
    margin-top: 25px;
}
/* 出发时间 */
#DepartureTime
{
    font-size: 12pt;
    margin-left: 30px;
}
/* 时钟图片 */
#ClockImg{
    width: 18px;
    height: 18px;
    position: absolute;
    margin-top: 2px;
    margin-left: 5px;
}







/* 横线 */
#hrOne
{
    margin-top: 20px;
    height: 1px;
    background-color: rgb(161, 161, 241);
}


/* 第二主体框 */
#SubjectTwo
{
    margin-top: 20px;
    /* border: 1px solid yellow; */
    height: 60px;
}
/* 汽车类型 */
#CarType
{
    margin-top: 15px;
    display: inline-block;
    font-size: 12pt;
}
/*容纳人数 */
#CapacityOne{
    font-size: 12pt;
    /* border: 1px solid black;
    color: red; */
}
/* 费用方式 */
#CostMethodLable{
    font-size: 12pt;
    margin-top: 15px;
    display: inline-block;
}
/* 报名人数 */
#PeploNumber{
    font-size: 12pt;
}

/* 拼车长文本 */
.TextST
{
    font-size: 12pt;
}

#SNumberPepole{
    color: red;
    font-size: 12pt;
}

/* 第三主体框 */
#SubjectThere{
    margin-top: 30px;
    /* border: 1px black solid; */
    height: 160px;
}
/* 车主图片 */
#carTwoLogo{
    height: 25px;
    width: 25px;
    position: absolute;
}
/* 车主留言 */
#OOAV{
    margin-left: 30px;
    
}
/* 车主留言内容 */
#Describe
{
    margin-top: 12px;
    /* border: 1px solid black; */
    display: block;
    font-size: 12pt;
    height: 65px;
}
/* 申请加入按钮 ,联系车主按钮通用样式*/
#JoinBtn,#GetPhone
{
    border-radius: 4px;
    height: 35px;
    font-size: 10pt;
    color: white;
    background:  rgb(9, 156, 201);
    border: 1px solid  rgb(9, 156, 201);
}
/* 申请按钮 */
#JoinBtn{
    width: 110px;
}
/* 联系车主按钮 */
#GetPhone{
    width: 180px;
    margin-left: 10px;
}
/* 按钮动画 */
@keyframes Regi
{
    from{}
    to{background:  rgb(37, 187, 233);
    border:rgb(37, 187, 233) ;}
}
#JoinBtn:hover{
    animation-name:Regi;
    animation-duration:0.5s;
    animation-fill-mode:forwards;
}
#GetPhone:hover{
    animation-name:Regi;
    animation-duration:0.5s;
    animation-fill-mode:forwards;
}

/* 第四部分主体 */
#SubjectFour{
    height: 86px;
    width: 900px;
    margin-top: 20px;
    border: 1px solid rgb(167, 212, 255);
    padding-left: 30px;
    padding-top:18px ;
    left: -30px;
    position: absolute;
    padding-right: 30px;
    padding-bottom: 18px;
    background-color:  rgb(238, 246, 255);
}
/* 第四部分左边 */
#SubjectFourLeft{
    /* border: 1px black solid; */
}
/* 用户手机号 */
#UserID{
    display: block;
}
/* 诚信指数 */
#IntegrityIndicators{
    margin-top: 10px;
    display: inline-block;
<<<<<<< HEAD
    color: green;
=======
    color: red;
>>>>>>> 18e8cd299468de57fab87d092949531dc9a55fe2
}
/*发布时间*/
#ReleaseTime{
    margin-top: 10px;
    display: block;
}

/* 第四部分右边 */
#SubjectFourRight{
    /* border: 1px black solid; */
}
#SafetyLevel{
    display: inline-block;
    /* border: 1px solid black; */
}
/* 拼车编号 */
#JoinCarID{
    display: block;
    margin-top: 10px;
}
/* 浏览次数 */
#SeeNumber{
    display: block;
    margin-top: 10px;
}

/* 第五部分 */
#SubjectFive{
    /* border: 1px solid black; */
    height: 40px;
    line-height: 40px;
    width: 800px;
    margin-top: 165px;
    position: relative;
}
/* 分享到 */
#SubjectFiveOne{
    margin-left: 24px;
}

#SubjectFive img{
    position: absolute;
    margin-top: 10px;
  
}

/* 转发标识 */
#AddZF{
    height: 20px;
    width: 20px;
}
/* 转发人人 */
#AddRR{
    height: 20px;
    width: 20px;
}
/* 转发微博 */
#AddWeibo{
    margin-left: 25px;
    border: 1px solid rgb(255, 87, 87);
    width: 18px;
    height: 18px;
}
/* 转发文本 */
#AddLable{
    margin-left: 85px;
}

#AddQQ{
    margin-left: 50px;
    height: 20px;
    width: 20px;
}

#SubjectTwo,#SubjectFour
{
    display: flex;
}

.gird-cell-1
{
    flex: 1;
}
.gird-cell-2
{
    flex: 2;
}
.gird-cell-3
{
    flex: 3;
}
